@charset "utf-8";
/* CSS Document */
/*实现头部分的样式*/
.nav{
	width:100%;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:16px;
	color:#f29406;
	position:relative;
	border-bottom:1px solid #f29406;
	}

/*实现头部分左边的超链接绝对定位，显示背景图片，三个步骤*/
.nav .goback{
	/*1、先将超链接位置固定*/
	position:absolute;
	top:0px;
	left:0px;
/*2、实现背景图片显示的区域，也就是超链接的宽度和高度*/
	width:50px;
	height:50px;
/*3、实现背景图片，设置本身背景图片的大小*/
    
/*因为背景图片要铺满整个超链接，背景图片本身大于超链接的大小，所以用contain去缩小背景图片，铺满超链接*/
	transform:scale(0.5);
	}
/*头部分右边*/
.nav .navright{
	position:absolute;
	top:0px;
	right:0px;
	width:65px;
	height:50px;
	}
.nav .navright .email{
	position:absolute;
	width:50px;
	height:50px;
	right:28px;
	background:no-repeat -26px -225px;
	transform:scale(0.5);
}
.nav .navright .daka{
	position:absolute;
	color:#fff;
	font-size:12px;
	top:12px;
	right:0px;
	width:40px;
	height:25px;
	line-height:25px;
	text-align:center;
	border-radius:12px 0 0 12px;
	background:#23a9f8;
	}
/*搜索栏*/
.search{
	width:100%;
	background:#eee;
	height:40px;
	line-height:40px;}
.search .searchIcon{
	 float:left;
	 margin-left:10px;
	 border-radius:5px 0 0 5px;
	 margin-top:5px;
	 width:30px;
	 height:30px;
	 background:#fff url(../images/loading2.gif) no-repeat -65px 8px;
	background-size:250px 250px;
	}
.search input[type="text"]{
	display:block;
	float:left;
	width: calc(100% - 50px);
	border-radius:0 5px 5px 0;
	margin-top:5px;
	height:30px;
	line-height:30px;
	border:none;
	background:#fff;
	}
.search:after{
	content:'';
	display:block;
	clear:both;
	visibility:hidden;
	}
.picTop{ overflow:hidden;}
.picTop p,.picBottom p{ height:40px; line-height:40px;}
.picTop p:before,.picBottom p:before{ content:" ";border-left:3px solid #f29406; padding-left:10px; height:15px; margin-left:10px;}
.picTop p:after,.picBottom p:after{ content:" "; display:block; float:right; height:20px; border-bottom:1px solid #f29406; line-height:20px; width:calc(100% - 200px);}
p span{
	font-size:16px;}
ul{
	min-width:320px;
	max-width:600px;
	margin:10px auto;}
ul li{
	float:left;
	position:relative;
	width:calc(50% - 15px);
	margin-left:10px;
	background-color:#F5F5F5;
	margin-bottom:10px;}
ul li img{
	width:100%;
	height:100%;}
ul li span{
	position:absolute;
	left:0;
	bottom:15px;
	background:#555;
	color:#eee;
	padding:0 5px;}